.mv-header {
    display: flex;
    background: #fafbfe;
    box-shadow: 0px 1px 10px 0px rgba(14, 72, 161, 0.2);
    .mv-logo img {
        height: 50px;
    }
}
.nav-tab {
    display: flex;
    margin-left: 40px;
    justify-content: space-between;

    .menu {
        display: flex;
        justify-content: flex-start;
        align-items: center;
        font-size: 14px;
        color: #435673;
        font-weight: 400;
        .menu-item {
            padding: 0 15px;
            position: relative;
            height: 52px;
            line-height: 52px;
            display: flex;
            align-items: center;
            cursor: pointer;
        }
        .menu-item.left {
            margin-right: 42px;
        }
        .menu-item.left.menu-active {
            color: #22224c;
            font-weight: 700;
        }
        .menu-item.menu-active::after {
            position: absolute;
            bottom: 0;
            left: 0px;
            content: '';
            width: 100%;
            height: 4px;
            background: #48d0d0;
            border-radius: 3px;
        }
        .mv-add-voice {
            width: 24px;
            margin-right: 4px;
        }
        .mv-avatar {
            align-items: center;
            display: flex;
            .userimg {
                width: 30px;
                height: 30px;
                border-radius: 20px;
                background: #dae9ff;
                text-align: center;
                vertical-align: middle;
                justify-content: center;
                align-items: center;

                .f-icon {
                    color: #48d0d0;
                }
            }
        }
        .create-icon {
            font-size: 24px;
            color: #48d0d0;
            margin-right: 4px;
        }
    }
    .menu-search {
        display: flex;
        justify-content: flex-start;
        align-items: center;
        font-size: 14px;
        color: #435673;
        font-weight: 400;
        margin-right: 20px;
        .f-button-edit.f-cmp-inputgroup {
            width: 300px;
            height: 40px;
            display: flex;
            align-items: center;
            margin: auto;
        }
        .input-group.f-state-editable {
            background: #f7f8fa;
            height: 34px;
            line-height: 34px;
            border-radius: 20px;
            overflow: hidden;
            border: 0;
        }
        .form-control {
            height: inherit;
        }
        .input-group-append-button {
            width: 40px;
            color: #2d2f33;
        }
    }
}

/** 覆盖farris-vue searchbox 下拉框的样式 */
.search-box-container {
    .search-box-container-title {
        padding-left: 10px;
    }
    .f-list-view-group-item {
        padding: 0 10px;
    }
}
